/*引入公共变量*/
@import "base_min.less";
@import "publice.less";
@import "publice_user.less";

/*初始化*/
body{
	min-height:600px;
	min-width:1230px;
}
.lbbg{width:338px; height:554px; z-index:-2; background:url(../img/user/bg1.png) no-repeat; position:absolute; bottom:0; right:0;}
.form_control{color:#4b4b4b;
	&:focus{background-color:#ebecf1; }
}
.tipsinner{color:#c6c7cd; position:absolute;}
label.error{margin-left: 12px;}


.feedback_wrap{margin:20px 0 0 0; padding-left:102px;}
.mainbox{width:830px;
	label.error{display:block; text-align:right;}
}
.titlebox{width:828px; border:1px solid #e4e5e8; border-radius: 3px; border-bottom:none; border-bottom-left-radius:0;
	border-bottom-right-radius:0; position:relative;
	span{display:inline-block; font-size:16px; color:#fff; padding:0 15px; height:37px; line-height:37px; background-color:#75767a; float:left; position:relative;}
	.tri{border-color: transparent transparent transparent #75767a;  border-style: solid; border-width: 5px; display: inline-block; width: 0; height: 0; font-size: 0;  position: absolute; top: 14px;  right: -10px; }
	.form_control{padding:8px 17px; width:732px; color:#4b4b4b; border:none; border-radius: 0;}
	.active{color:#4b4b4b;}
	.tipsinner{font-size:16px; top:7px; left:79px;}
}
.contentbox{position:relative;
	.form_control{padding:13px 15px; border:none;  font-size:14px; color:#4b4b4b; width:798px; height:115px; border:1px solid #e4e5e8; border-radius: 3px; border-top-left-radius:0; resize:none;
	border-top-right-radius:0;}
	.active{color:#4b4b4b;}
	.tipsinner{font-size:14px; top:13px; left:15px;}
	textarea.error{border:1px solid red}
}
.loadimgbox{margin-top:25px; margin-bottom:38px; position:relative;
	em{display:inline-block; width:31px; height:27px; background:#81abf8 url(../img/user/feedback_loadimg.png) no-repeat center center; float:left;}
	.uploadbtn{display:inline-block; width: 89px; 	height: 27px; line-height:27px; color:#fff; text-align:center; font-size:14px; background-color: #4b77c7; border: solid 1px #3e69b7; border-radius:2px; float:left; cursor:pointer;}
	.tips{color:#a3a4a8; margin-left:12px; float:left; margin-top:5px; display:none;}
	.file_btn{position:absolute; top:0; left:0; display:block; width:122px; height:28px; cursor:pointer;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity:0;
		opacity:0;
		z-index:1;
	}
}
.upload_active{
	em{background-color:#a2a3aa;}
	.uploadbtn{background-color: #b8b9bf; border:solid 1px #a7a9b1;}
}
.qqbox, .emailbox{
	.field{color:#a3a4a8; font-size:16px; margin-right:15px;}
	.form_control{width:320px; padding:5px 15px;}
	strong{color:#a3a4a8; margin-left:12px;}
}
.emailbox{margin-top:22px;
	.field{margin-right:9px;}
}
.submitbox{margin-top:43px;
	.blue_btn{.btn_attr(146px, 43px, 18px, #fff); line-height:18px;}
}
.submit-success{display:inline-block; width:20px; height:20px; background-image:url(../img/user/user_icons.png); background-repeat: on-repeat; background-position:-128px -30px; vertical-align:-4px; margin-left:10px;}
.imglist{
	.error{display:block; margin:0; padding-top:10px;}
}
.upload_info{margin-bottom:5px;
	&:first-child{padding-top:20px;}
	i{display:inline-block; width:15px; height:15px; background-image:url(../img/user/feedback_img.png); background-repeat: on-repeat; vertical-align:-3px; margin-right:10px;}
	strong{color:#4b4b4b; margin-right:8px;}
	span,button{cursor:pointer; color:#305fa5;font-size: 12px;}
}
